 /* Marmalade: an Emacs Lisp package server.
 * Copyright (C) 2010 Google Inc.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

@import "compass/css3/border-radius";
@import "compass/css3/text-shadow";
@import "compass/css3/box-sizing";
@import "compass/css3/inline-block";
@import "fancy-buttons";

body {
  @include container;
  overflow: auto;
  header {
    @include column($blueprint-grid-columns);
    $nav-width: floor($blueprint-grid-columns / 4);
    margin-top: 2%;
    hgroup {
      @include column($blueprint-grid-columns - $nav-width);
      a {text-decoration: none}
      h1, h2 {margin-bottom: 0}
      h1 {
          @include column(9);
          @include text-shadow($default-text-shadow-color, 2px, 2px, 2px);
          font-size: 5.7em;
          font-weight: bold;
      }
      h2 {
        font-size: 1.5em;
      }
    }

    nav {
      @include column($nav-width, true);
      a, input, .signed-in {
        @include box-sizing(border-box);
      }
      form {display: inline}
      a, input[type="submit"] {@extend .signin}
      a, input[type="submit"], .signed-in {
        width: 48% !important;
        margin: {
          left: 1%;
          right: 1%;
        }
      }
      .signed-in {
        @include inline-block;
        text-align: center;
        font-size: 110%;
        line-height: 0.9;
        position: relative;
        top: -5px;
        .name {
          display: block;
          font-weight: bold;
          position: relative;
          top: 4px;
        }
      }
      input[type="search"] {
        @include border-radius(5px);
        line-height: 20px;
        width: 100% !important;
        padding-left: 25px;

        background: {
          image: url(/images/search.png);
          repeat: no-repeat;
          position: 5px center;
        }
      }
    }
  }

  #main {
    @include column($blueprint-grid-columns);
    margin-top: 1.5em;
    padding-bottom: 2em;
  }

  footer {
    @include column($blueprint-grid-columns);
    border-top: 1px solid lighten(desaturate($marmalade, 50%), 40%);
    padding: {top: 5px; bottom: 5px}
    @include link-theme(gray);

    a {
      @include column(1);
      @include pull(-1);
      font-size: 120%;
      text-decoration: none;
    }
  }
}
